import React from "react";
import App from "./App";

import {BrowserRouter} from "react-router-dom"

// // react 17
// ReactDom.render(<App/>,document.getElementById("root"))

// react 18
import { createRoot } from 'react-dom/client';
const container=document.getElementById("root")
const root = createRoot(container)

root.render(
    <BrowserRouter>
        <App/>
    </BrowserRouter>
)
/*
    BrowserRouterjHashRouter的区别
       1.底层原理不一样:
         BrowserRouter使用的是H5的history API，不兼容IE9及以下版本。
         HashRouter使用的是URL的哈希值。
       2.path表现形式不一样
         BrowserRouter的路径中没有#,例如:localhost:3000/demo/test
         HashRouter的路径包含#,例如:localhost:3000/#/demo/test
       3.刷新后对路由state参数的彩响
         (1).BrowserRouter没有任何影响，因为state保存在history对象中。
         (2).HashRouter刷新后会导致路由state参数的天失!!!
       4.备注:HashRouter可以用于解决一些路径错误相关的问题。
* */